<div class="brand">
	<div class="title">
		<span class="title1">品牌特卖</span>
		<p></p>
		<ul class="pbrand">
			<li class="active">推荐品牌</li>
			<li class="active">国际品牌</li>
			<li class="active">国内品牌</li>
		</ul>
	</div>
	<ul class="brandList">
		<li class="brand-0">
			<a href="javascript:void(0)"><img src="img/brand0.jpg" /></a>
		</li>
		<li class="brand-1">
			<a href="javascript:void(0)"><img src="img/brand1.jpg" /></a>
		</li>
		<li class="brand-2">
			<a href="javascript:void(0)"><img src="img/brand2.jpg" /></a>
		</li>
		<li class="brand-3">
			<a href="javascript:void(0)"><img src="img/brand3.jpg" /></a>
		</li>
	</ul>
	<ul class="brandList1" style="display: none;">
		<li class="brand-0">
			<a href="javascript:void(0)"><img src="img/brand4.jpg" /></a>
		</li>
		<li class="brand-1">
			<a href="javascript:void(0)"><img src="img/brand5.jpg" /></a>
		</li>
		<li class="brand-2">
			<a href="javascript:void(0)"><img src="img/brand6.jpg" /></a>
		</li>
		<li class="brand-3">
			<a href="javascript:void(0)"><img src="img/brand7.jpg" /></a>
		</li>
	</ul>
	<ul class="brandList2" style="display: none;">
		<li class="brand-0">
			<a href="javascript:void(0)"><img src="img/brand0.jpg" /></a>
		</li>
		<li class="brand-1">
			<a href="javascript:void(0)"><img src="img/brand7.jpg" /></a>
		</li>
		<li class="brand-2">
			<a href="javascript:void(0)"><img src="img/brand8.jpg" /></a>
		</li>
		<li class="brand-3">
			<a href="javascript:void(0)"><img src="img/brand3.jpg" /></a>
		</li>
	</ul>
</div>
<div class="rush2purchase">
	<div class="title">
		<span class="title1">限时抢购</span>
		<div class="timeDown"><i class="glyphicon glyphicon-time"></i>距离抢购
			<b class="time_item" id="countDown">
				<span id="day_show" class="day_show">0</span>&nbsp;&nbsp;&nbsp;天
				<strong class="hour_show">0</strong>时
				<strong class="minute_show">0</strong>分
				<strong class="second_show">0</strong>秒
			</b>
		</div>
		<p id="bg-line"></p>
		<ul class="pbrand">
			<li class="active">推荐品牌</li>
			<li class="active">国际品牌</li>
		</ul>
	</div>
	<div class="clearfix"></div>
	<div id="wine">
		<dl>
			<a href="javascript:void(0)">
				<dt><img src="img/goods0.jpg" alt="" /></dt>
				<dd>
					<p>拉菲珍藏波尔多 750ml*2</p>
					<div><span>￥179.00</span><img src="img/qianggou.png" alt="" /></div>
				</dd>
			</a>
		</dl>
		<dl>
			<a href="javascript:void(0)">
				<dt><img src="img/s0.jpg" alt="" /></dt>
				<dd>
					<p>52°泸州老窖09版头曲500ml*6 </p>
					<div><span>￥200.00</span><img src="img/qianggou.png" alt="" /></div>
				</dd>
			</a>
		</dl> 
		<dl>
			<a href="javascript:void(0)">
				<dt><img src="img/s2.jpg" alt="" /></dt>
				<dd>
					<p>52°五粮液1995专卖店500ml</p>
					<div><span>￥321.00</span><img src="img/qianggou.png" alt="" /></div>
				</dd>
			</a>
		</dl> 
		<dl>
			<a href="javascript:void(0)">
				<dt><img src="img/goods3.jpg" alt="" /></dt>
				<dd>
					<p>53°醉卿龙坛收藏1000ml×2坛</p>
					<div><span>￥256.00</span><img src="img/qianggou.png" alt="" /></div>
				</dd>
			</a>
		</dl> 
		<dl>
			<a href="javascript:void(0)">
				<dt><img src="img/goods4.jpg" alt="" /></dt>
				<dd>
					<p>43°茅台迎宾酒500ml*6</p>
					<div><span>￥500.00</span><img src="img/qianggou.png" alt="" /></div>
				</dd>
			</a>
		</dl> 
		<dl style="margin:0;">
			<a href="javascript:void(0)">
				<dt><img src="img/goods5.jpg" alt="" /></dt>
				<dd>
					<p>52°汾酒清典荣耀850ml*2</p>
					<div><span>￥560.00</span><img src="img/qianggou.png" alt="" /></div>
				</dd>
			</a>
		</dl> 
	</div>
</div>

<!--***********************script代码********************-->
<script type="text/javascript">
	function showGoods(){
		//品种切换
		$(".pbrand").find('li:eq(0)').siblings().removeClass('active');
		$(".pbrand").find('li').on("mouseenter",function(){
			$(this).css('cursor',"pointer");		
		});
		$(".pbrand").find('li').on("mouseleave",function(){
			$(this).css('cursor',"auto");		
		});
		$(".pbrand").find('li').on("click",function(){
			var $index = $(this).index();
			$(this).siblings().removeClass('active');
			$(this).addClass('active');
			console.log($index)
			switch ($index){
				case 0:
					$(".brandList").show();
					$(".brandList1").hide();
					$(".brandList2").hide();
					break;
				case 1:
					$(".brandList").hide();
					$(".brandList1").show();
					$(".brandList2").hide();
					break;
				case 2:
					$(".brandList").hide();
					$(".brandList1").hide();
					$(".brandList2").show();
					break;	
			}
		});
		//图片move
		$(".brandList,.brandList1,.brandList2").find('a').hover(function(){
			$(this).find('img').stop().animate({
					width:"300px",
					height:"200px",
					left:"-5px",
					top:"-5px"
				},"linear")
		},function(){
				$(this).find('img').stop().animate({
					width:"280px",
					height:"180px",
					left:"0px",
					top:"0px"
				},"linear")
		});
		var cont = new CountDownTime('countDown',"2016/06/30 12:00:00")
		cont.show();
	};
	showGoods();
</script>